﻿<script>
                                         jQuery(function () {
                                             jQuery('#camera_wrap_0').camera({
                                                 navigation: true,
                                                 playPause: false,
                                                 thumbnails: false,
                                                 navigationHover: true,
                                                 barPosition: 'top',
                                                 loader: false,
                                                 time: 3000,
                                                 transPeriod: 800,
                                                 alignment: 'center',
                                                 autoAdvance: true,
                                                 mobileAutoAdvance: true,
                                                 barDirection: 'leftToRight',
                                                 barPosition: 'bottom',
                                                 easing: 'easeInOutExpo',
                                                 fx: 'simpleFade',
                                                 height: '40.23%',
                                                 minHeight: '90px',
                                                 hover: true,
                                                 pagination: false,
                                                 loaderColor: '#eee',
                                                 loaderBgColor: 'transparent',
                                                 loaderOpacity: 1,
                                                 loaderPadding: 0,
                                                 loaderStroke: 3
                                             });
                                         });
</script>
<div class="fluid_container">
<div id="camera_wrap_0">


    @foreach (var item in ViewBag.slider as IList<EPOS.Models.slider>)
    {
 <div title="sliderID" data-thumb="@item.sliderYolu" data-link="@item.link" data-src="@item.sliderYolu">
<div class="camera_caption fadeIn">
<h2>@item.h2</h2>
<h1>@item.h1</h1>
<h3>@item.h3</h3>
<span>@item.span</span> </div>
</div>
    }



</div>
<div class="clear"></div>
</div>
<div id="banner0" class="banner row">
    @foreach (var item in ViewBag.banner as IList<EPOS.Models.banner>)
    {
        <div class="col-sm-4"><a href="#"><img src="@item.banneryol" alt="@item.bannerlink" title="@item.bannerID"/>
            <div class="s-desc"><h2>@item.h2</h2>
             <span><h1>@item.h1</h1></span>
             <p>@item.p</p>

            </div>
               </a></div>
        
    }

</div>
<script type="text/javascript">
    if ($('.container').width() > 723) {
        (function ($) { $.fn.equalHeights = function (minHeight, maxHeight) { tallest = (minHeight) ? minHeight : 0; this.each(function () { if ($(this).height() > tallest) { tallest = $(this).height() } }); if ((maxHeight) && tallest > maxHeight) tallest = maxHeight; return this.each(function () { $(this).height(tallest) }) } })(jQuery)
        $(window).load(function () {
            if ($(".maxheight-feat").length) {
                $(".maxheight-feat").equalHeights()
            }
        });
    };
</script>